<template>
	<view class="">
		<view class="personalList">
			<view class="item">
				<video 
				class="video" 
				src="http://localhost:8099/static/videos/地球.mp4" 
				:controls="true"
				objectFit="cover"></video>
				<view class="love-box">
					<text class="iconfont icon-love love-icon">12w</text>
				</view>
			</view>
			<view class="item">
				<video 
				class="video" 
				src="http://localhost:8099/static/videos/地球.mp4" 
				:controls="true"
				objectFit="cover"></video>
				<view class="love-box">
					<text class="iconfont icon-love love-icon">12w</text>
				</view>
			</view>
			<view class="item">
				<video 
				class="video" 
				src="http://localhost:8099/static/videos/地球.mp4" 
				:controls="true"
				objectFit="cover"></video>
				<view class="love-box">
					<text class="iconfont icon-love love-icon">12w</text>
				</view>
			</view>
			<view class="item">
				<video 
				class="video" 
				src="http://localhost:8099/static/videos/地球.mp4" 
				:controls="true"
				objectFit="cover"></video>
				<view class="love-box">
					<text class="iconfont icon-love love-icon">12w</text>
				</view>
			</view>
			<view class="item">
				<video 
				class="video" 
				src="http://localhost:8099/static/videos/地球.mp4" 
				:controls="true"
				objectFit="cover"></video>
				<view class="love-box">
					<text class="iconfont icon-love love-icon">12w</text>
				</view>
			</view>
			<view class="item">
				<video 
				class="video" 
				src="http://localhost:8099/static/videos/地球.mp4" 
				:controls="true"
				objectFit="cover"></video>
				<view class="love-box">
					<text class="iconfont icon-love love-icon">12w</text>
				</view>
			</view>
			
		</view>
		<view class="more">
			没有更多了
		</view>
		<view class="ground">
			
		</view>
	</view>
</template>

<script>
	export default {
		name:"personalList",
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.more{
	width:100%;
	height:30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #999;
	background-color: #000000;
}
.ground{
	width: 100%;
	height: 50px;
	background-color: #000000;
}
.personalList{
	color: #fff;
	background-color: #000000;
	padding:0 0.5%;
	overflow: hidden;
	width: 100%;
}
.item{
	width: 33%;
	float: left;
	height: 220px;
	position:relative;
}
.love-box{
	position:absolute;
	bottom:5px;
	left:15px;
}
.love-icon{
	font-size: 14px;
	color:#fff;
}
.video{
	height: 100%;
	width: 100%;
}
</style>
